
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Excel/csv数据转json格式工具 - </title>
    <meta name="keywords" content="excel,csv,json,excel转json,csv转json,JSON格式,JSON工具,JSON转换工具,在线工具,Excel/csv数据转json格式工具" />
    <meta name="description" content="这是一款可将Excel/csv数据在线转换成json格式的工具，用户只需复制Excel/csv中的数据粘贴到文本框即可实现快速转换json功能，还可根据需要选择转换成对象还是转换成数组格式，欢迎需要的朋友使用。" />
    <link href="https://lib.baomitu.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://lib.baomitu.com/jquery/3.1.0/jquery.min.js"></script>
    <style>
    .panel{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
    .main-p{margin-left: auto;margin-right: auto;max-width: 1100px}
    </style>
  </head>
<body>
<div class="main-p">
<div class="container-fluid">

<div class="row">
  <div class="col-md-12">
 
     

<h1 align="center" style="font-size:30px;">Excel/csv数据转json格式工具</h1>
<h2 class="alert alert-success" style="font-size:16px;">这是一款可将Excel/csv数据在线转换成json格式的工具，用户只需复制Excel/csv中的数据粘贴到上面一个文本框，再点击【转换】按钮即可实现快速转换json功能，还可根据需要选择转换成对象还是转换成数组格式，欢迎需要的朋友使用。</h2>
<hr/>

<div class="panel">
<textarea id="content" name="RawJson" class="form-control" rows="10" style="width: 100%;margin-bottom: 10px;" spellcheck="false" placeholder="请在excel里复制下内容贴到上面一个文本框里"></textarea>
<div class="input-group" style="width:180px;float:left;margin-right:20px ;">
<span class="input-group-addon" id="basic-addon1">分隔符</span>
<input type="text" class="form-control" id="fgfstr" placeholder="默认是制表符" aria-describedby="basic-addon1">
</div>
<div class="btn-group" role="group" aria-label="..." style="float:left;margin-right:20px">
<button type="button" class="btn btn-primary" id="changebtn">转换</button>
<button type="button" class="btn btn-primary" id="testcase">来个demo</button>
<button type="button" class="btn btn-danger" onclick="$('textarea').val('')">清空</button>
</div>
<div class="btn-group" role="group" aria-label="..." style="float:left;margin-right:20px">
<button id="sels" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
按行转成对象<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="javascript:;" onclick="c(0,this)">按行转成对象</a></li>
<li><a href="javascript:;" onclick="c(1,this)">按行转成数组</a></li>
</ul>
</div>
<div style="clear: both;"></div>
<div style="padding-top: 10px;">
<textarea id="result" name="RawJson" class="form-control" rows="10" style="width: 100%;" spellcheck="false" placeholder="转换后的内容"></textarea>
</div>
<input type="hidden" id="ctype" value="0" />
</div>
<script>
	$("#testcase").click(function(){
		$("#content").val("name	payment	url	webname\naaa中文测试	999	http://www.jb51.net	脚本之家\nbbb	888	http://www.jb51.net	脚本之家\nccc中文测试	777	http://www.jb51.net	脚本之家\nddd	666	http://www.jb51.net	脚本之家\neee中文测试	555	http://www.jb51.net	脚本之家\nfff	444	http://www.jb51.net	脚本之家");
	});
		function c(t,o){
			$("#ctype").val(t);
			$("#sels").text($(o).text());
		}
		var fgf = /\t/;
		function ctyperow(){
			fgf = $("#fgfstr").val()||fgf;
			var ctype = $("#ctype").val();
			var txt = $("#content").val() ;
			var datas = txt.split("\n");
			var html = "[\n";
			var keys = [];
			for(var i=0;i< datas.length;i++){
				var ds = datas[i].split(fgf);
				if(i==0){
					if(ctype=="0"){
						keys = ds;
					}else{
						html+="[";
						for(var j=0;j<ds.length;j++){
							html+= '"'+ds[j]+'"';
							if(j<ds.length-1){
								html+=","; 
							}
						}
						html+="],\n";
					}
				}else{
					if(ds.length==0)continue;
					if(ds.length==1){
						ds[0]=="";
						continue;
					}
					html+=ctype=="0"?"{":"[";
					for(var j=0;j<ds.length;j++){
						var d = ds[j];
						if(d=="")continue;
						if(ctype=="0"){
						html+='"'+keys[j]+'":"'+d+'"';
						}else{
							html+='"'+d+'"';
						}
						if(j<ds.length-1){
							html+=',';
						}
					}
					html+=ctype=="0"?"}":"]";
					if(i< datas.length-1)
					html+=",\n";
				}
			}
			 html += "\n]";
			$("#result").val(html);
		}
		$("#content").bind("change1",function(){
			var ctype = $("#ctype").val();
			var txt = "";
			if(ctype=="0"){
				txt = ctype0();
			}
		})
		$("#changebtn").click(function(){
			ctyperow(true);
		});
	</script>
    
  </div>
</div> 
   

</div>
</div>
<script src="https://lib.baomitu.com/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://tools.jb51.net/static/skin/js/site.min.js"></script>
  </body>
</html>